.showimg{
    width: 400px;
    margin: 20px auto;
    border: 1px solid rgb(238, 232, 232);
}

.showimg .maximg{
    width: 400px;
    height: 300px;
}

.showimg .maximg img{
    width: 400px;
    height: 300px;
}

.showimg .minimg ul{
    list-style: none;
    display: flex;
}

.showimg .minimg ul li{
    margin:  0 5px;
    /* border: 1px solid gainsboro; */
    padding: 5px;
}

.showimg .minimg ul img{
    width: 50px;
    height: 50px;

}

.imgactive{
    border: 2px solid rgb(224, 126, 126);
}